/*公共样式*/
*
{
	margin: 0;
	padding: 0;
	font-family: "微软雅黑";
}
a
{
	text-decoration: none !important;
}
.colors
{
	color: #f50 !important;
}
/*顶部信息栏*/
.topInfor
{
	background-color: #F2F2F2;
}
.topInfor .topRight
{
	text-align: right;
}
.topInfor .col-lg-6 a
{
	display: inline-block;
	height: 35px;
	line-height: 35px;
	padding: 0 10px;
	color: #666;
}
.topInfor .col-lg-6 a:hover,
.leftMenu .list-group .subLeftMenu dl dd a:hover
{
	color: #f50;
}

/*搜索栏目*/
.searchInfor
{
	margin: 20px auto;
}
.searchInfor .col-lg-4,
.searchInfor .col-lg-5
{
	margin-top: 25px;
}
.searchInfor .col-lg-5 input[type=text]
{
	border: 2px solid #3f2e29;
	height: 40px;
}
.searchInfor .col-lg-5 input[type=button]
{
	position: absolute;
	top: 0;
	right: 0;
	background-color: #404844;
	color: #fff;
	width: 23%;
	height: 40px;
}
.searchInfor .col-lg-2
{
	text-align: right;
}
.searchInfor .col-lg-5 .keyword a
{
	color: #666;
	display: inline-block;
	padding: 5px 10px;
}

/*目录*/
.leftMenu
{
	border-bottom: 2px solid #454545;
}
.leftMenu .col-lg-3
{
	padding: 0;
	width: 18%;
}
.leftMenu .col-lg-3 p
{
	margin: 0;
	height: 40px;
	line-height: 40px;
	background-color: #09C762;
	color: #fff;
	text-align: center;
}
.leftMenu .col-lg-7 a
{
	display: inline-block;
	height: 40px;
	line-height: 40px;
	padding: 0 20px;
	color: #666;
	
}
.item img{
	width: 100%;
}
/*bootstarp 组件 列表*/
.list-group
{
	position: absolute;
	width: 100%;
	z-index: 99;
}
.leftMenu .list-group .list-group-item
{
	background-color: #1F9248;
	color: #fff;
	text-align: center;
	border: 0;
}
.list-group-item:first-child
{
	border-radius: 0;
}
.leftMenu .list-group .list-group-item img
{
	position: absolute;
	left: 20px;
	margin-top: -5px;
}
.leftMenu .list-group .list-group-item i
{
	position: absolute;
	right: 20px;
	margin-top: 2px;
}
.list-group-item:hover
{
	background-color: #007130 !important;
}
/*左侧子菜单*/
.leftMenu .list-group .subLeftMenu
{
	position: absolute;
	top: 2px;
	left: 212px;
	width: 400px;
	height: 345px;
	display: none;
	background-color: #fff;
}
.leftMenu .list-group .subLeftMenu dl
{
	padding: 0 5px;
}
.leftMenu .list-group .subLeftMenu dl dt
{
	color: #666;
	border-bottom: 1px solid #E5E5E5;
	padding: 8px 0;
}
.leftMenu .list-group .subLeftMenu dl dd a
{
	padding: 0 15px;
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 5px 5px;
	color: #666;
}

/*banner 切换*/
.carousel-inner > .item > a > img, 
.carousel-inner > .item > img, 
.img-responsive, .thumbnail a > img, 
.thumbnail > img
{
	height: 343px;
}

/*图片抖动 */
.picShake
{
	margin: 20px auto;
}
/*第一种方法 通过overflow: hidden; 把溢出的内容直接设定在框里面*/
/*.picShake .col-lg-3
{
	overflow: hidden;
}*/

/*第二种方法 直接改变图片的样式*/
.picShake .col-lg-3 img
{
	width: 269px;
	height: 175px;
}


/*产品板块*/
/*第一层*/
.productFloor{
	background-color:#F6F6F6;
	padding: 15px 0;
}
.firstFloor
{
	margin: 20px auto;
}
.firstFloor .bg
{
	background-color: #29c058;
}
.firstFloor .oneRow .mianRight
{
	text-align: right;
}
.firstFloor .oneRow .col-lg-6 h4
{
	color: #fff;
}
.firstFloor .oneRow .mianRight a
{
	border: 1px solid #29c058;
	color: #fff;
	display: inline-block;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	margin: 5px 0;
}
.firstFloor .oneRow .mianRight a:hover
{
	border: 1px solid #fff;
}
/*第二行 内容*/
.firstFloor .secRow .main
{
	background-color: #fff;
}
.firstFloor .secRow .main .product
{
	margin-top: 10px;
}
.firstFloor .secRow .main .col-lg-4
{
	overflow: hidden;
}
.firstFloor .secRow .cutRight
{
	border-right: 0 !important;
}
.firstFloor .secRow .cutBottom
{
	border-bottom: 0 !important;
}
.firstFloor .secRow .main .col-lg-8 .onePro
{
	padding: 20px 15px;
	border-bottom: 1px solid #E6E6E6;
	border-right: 1px solid #E6E6E6;
}
.firstFloor .secRow .main .col-lg-8 .col-lg-6 a
{
	display: block;
	color: #666;
	margin-top: 8px;
}
.firstFloor .secRow .main .col-lg-8 .onePro .col-lg-6
{
	padding: 0;
	overflow: hidden;
}
.firstFloor .secRow .main .picBanner
{
	margin: 20px 0;
}
.firstFloor .secRow .main .picBanner .col-lg-4
{
	padding: 0;
}

/*第二层*/
.firstFloor .bgSec
{
	background-color: #E3663F;
}
.firstFloor .bgSec .mianRight a
{
	border: 1px solid #EF9F81;
}
/*第三层*/
/*左边*/
.firstFloor .thirdLeftBg
{
	background-color: #CA365A;
}
.firstFloor .thirdLeftBg .mianRight a
{
	border: 1px solid #DE7B95;
}
/*右边*/
.firstFloor .thirdRightBg
{
	background-color: #518A78;
}
.firstFloor .thirdRightBg .mianRight a
{
	border: 1px solid #79AA9E;
}
.firstFloor .thirdLeft
{
	padding-right: 20px;
}
.firstFloor .thirdRight
{
	padding-left: 20px;
}

/*第五层*/
/*第一种 改变col-lg-本身的大小*/
.fiveFloor .products .col-lg-2
{
	width: 19%;
	height: 280px;
	overflow: hidden;
	background-color: #fff;
	margin:10px 0 10px 14px;
}
.fiveFloor .products .col-lg-2 img
{
	width: 190px;
	height: 190px;
}
.fiveFloor .products .distance
{
	margin-left: 0 !important;
}
.fiveFloor .products .distance p
{
	overflow: hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
}
.fiveFloor .products .col-lg-2:hover
{
	border: 1px solid #f50;
}

/*底部*/
footer
{
	background-color: #F6F6F6;
}
.footerBg
{
	background-color: #11acb1;
	height: 12px;
	
}
.footer
{
	background-color: #eaeaea;
}
.footer .col-lg-2
{
	width: 20%;
	margin: 10px 0 10px;
}
.footer .footerInfor .col-lg-2
{
	color: #fff;
}
.footer .footerInfor .col-lg-2 img
{
	background-color: #fff;
	border: 6px solid #129157;
	width: 150px;
	height: 150px;
}
.footer .footerInfor .col-lg-2 p
{
	margin-left: 35px;
	margin-top: 5px;
}
.footer .footerInfor .col-lg-2 a
{
	display: block;
	color: #000000;
	height: 40px;
	line-height: 40px;
}
.footer .footerInfor .col-lg-2 a,
.footer .footerInfor .col-lg-2 h4
{
	margin-left: 80px;
	color: #000;
}
.footer .footerLink div
{
	color: #000000;
	text-align: center;
	margin-top: 20px;
}
.footer .footerLink div a
{
	color: #000000;
	padding: 0 15px;
}
.footer .footerLink div p
{
	margin: 20px 0;
	font-size: 12px;
}
/*返回顶部*/
.backTop
{
	position: fixed;
	right: 0;
	bottom: 0;
	background: url(../images/icon_top.png) no-repeat center center;
	width: 50px;
	height: 45px;
	background-color: #14A161;
	display: none;
}
/*.backs
{
	position: fixed;
	right: 0;
	bottom: 0;
}*/


/*购物车*/
.shopCar
{
	margin: 20px auto 50px;
}
.shopCar span
{
	cursor: pointer;
}
/*.shopCar table
{
	width: 100%;
}
.shopCar table tr th
{
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #F3F3F3;
}
.shopCar table tr
{
	text-align: center;
}
.shopCar table tr .choose
{
	width: 5%;
}
.shopCar table tr .commodity
{
	width: 15%;
}
.shopCar table tr .price,
.shopCar table tr .number,
.shopCar table tr .total,
.shopCar table tr .remove
{
	width: 10%;
}
.shopCar table tr .number span
{
	border: 1px solid #F5F5F5;
	padding: 0 5px;
}
.shopCar table tr .number input[type=text]
{
	border: 1px solid #F5F5F5;
	width: 30%;
	text-align: center;
}*/

/*bootstarp table样式  第一种*/
/*.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th
{
	vertical-align:text-top !important;
}
.shopCar table tr .number span
{
	border: 1px solid #F5F5F5;
	padding: 0 5px;
}
.shopCar table tr .number input[type=text]
{
	border: 1px solid #F5F5F5;
	width: 30%;
	text-align: center;
}*/

/*bootstarp table样式  第二种*/
/* 第二种在使用bootstarp框架的时候，就不建议大家去使用，因为代码多，
 * 比起第一种方法肯定要麻烦一些，所以第二中方法只是给你们做一种参考，
 * 让你们能够多了解一些前端样式的调试，不同的样式都有不同多的处理方法，
 * 这部分自己要多多练习。*/
.choose input,
.remove span
{
	display: block;
	margin-top:32px !important;
}
.price,
.number,
.total
{
	padding-top: 40px !important;
}

/*第二行*/
.shopCar .aggregate
{
	border: 1px solid #F3F3F3;
	margin-top: 30px;
}
.shopCar input[type=checkbox]
{
	margin-top: 10px;
}
.shopCar .aggregate
{
	/*text-align: right;*/
	padding: 5px 0;
}
.shopCar .aggregate span
{
	height: 32px;
	line-height: 32px;
	
}



.cancelBg
{
	background-color: #fff;
}
.shopCarIcon{
	background: url("../images/car.png") no-repeat 0 0;
	float: right;
	position: relative;
	width: 40px;
	height: 40px;
}
.price5{
	float: left;
	font-size: 24px;
}
.shopName{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.price{
	text-decoration: line-through;
}